<template>
    <div class="App">
        <div class="box" @click="fn"></div>
    </div>
</template>

<!--导出当前组件配置项-->
<script>
    export default {
        methods: {
            fn() {
                alert('box被点击')
            }
        }
    }
</script>

<!--使用less需要 yarn add less less-loader@5 -D-->
<style lang="less">
    .App {
        width: 600px;
        height: 600px;
        background-color: #3f85ed;

        .box {
            width: 300px;
            height: 300px;
            background-color: #e8b1b1;
        }
    }
</style>